<template>
  <div :class="prefixCls" class="relative w-full h-full">
    <div class="flex rounded-md mx-auto w-contnet w-fit mt-20vh shadow-1040 overflow-hidden">
      <div class="px-22 pt-35 bg">
        <span class="font-bold text-white text-3xl">问卷信息管理平台</span>
      </div>
      <LoginForm />
    </div>
  </div>
</template>
<script lang="ts" setup>
  import { useDesign } from '@/hooks/web/useDesign';

  import LoginForm from './LoginForm.vue';

  const { prefixCls } = useDesign('login');
</script>
<style lang="less">
  @prefix-cls: ~'@{namespace}-login';

  .@{prefix-cls} {
    min-height: 100%;
    overflow: hidden;
    background-color: #f7f8fa;
  }

  .bg {
    @apply bg-no-repeat bg-cover;

    background-image: url('@/assets/images/02-0 bg1@2x.png');
  }
</style>
